/*
CUSTOM ERROR 404 PAGE LAYOUT BY TAUFIK NURROHMAN
11 OCTOBER 2012 - LIFE IS BE U TO FULL
Copy on : http://latitudu.blogspot.com/404
*/

#page-loader {display:none}

body {
  background:none;
  height:auto;
  font:normal normal 11px/16px Tahoma,Verdana,Arial,Sans-Serif;
  color:#666;
  text-shadow:0 1px 0 black;
}

#error-page {
  background-color:#0f0f0f;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:5;
  -webkit-box-shadow:inset 0 2px 5px black,inset 0 2px 10px black;
  -moz-box-shadow:inset 0 2px 5px black,inset 0 2px 10px black;
  box-shadow:inset 0 2px 5px black,inset 0 2px 10px black;
}

.error-404 {
  width:800px;
  height:110px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-55px auto auto -400px;
  overflow:hidden;
}

.error-404 span {
  display:block;
  float:left;
  width:9px;
  height:9px;
  margin:0 1px 1px 0;
  background-color:#FDD307;
  opacity:0;
}

.error-404 .blank {background:none}
.error-404 .blank.nf-text {background-color:rgb(253, 211, 7)}

.accessible-hidden {
  font:normal 0/0 Serif;
  text-shadow:none;
  position:absolute;
  top:-9999px;
  left:-9999px;
}

a.credit,
a.credit:hover,
a.credit:active {
  color:#2c2c2c;
  text-transform:uppercase;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
  display:block;
  position:absolute;
  bottom:8px;
  right:12px;
}

a.credit:hover {color:#555}
a.credit:active {color:#999}

@media (max-width:800px) {
  .error-404 {
    width:400px;
    height:55px;
    margin:-28px auto auto -200px;
  }
  .error-404 span {
    width:4px;
    height:4px;
  }
}
@media (max-width:400px) {
  .error-404 {
    width:240px;
    height:33px;
    margin:-17px auto auto -120px;
  }
  .error-404 span {
    width:2px;
    height:2px;
  }
}